//去掉IE下点击会出现虚线框
a,button {
	outline:none;
	blr:expression(this.onFocus=this.blur());

	&:active {outline:none;}
	&:visited {outline:none;}
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

//变量定义
$lockZIndex:9000;   //锁屏层的z-index
$bgColorBlack:#000000;
$tipBoxHeight:54px; //提示框的高度
$tipTextFontsize:14px; //提示框字体大小
$tipTextColor:#404040;

/* lock panel style */
#lock_panel {
	position:absolute;
	z-index:$lockZIndex;
	background-color:$bgColorBlack;
	display:none;
	left:0px; top:0px;
}

/* dialog.tip style */
.jtip_box {
	position:absolute;
	margin:auto;
	z-index:$lockZIndex+1;
	display:none;
	height:$tipBoxHeight;
	zoom:1; overflow:hidden;

	.jtip_left_icon, .jtip_content, .jtip_right, .jtip_load_img {
		float:left;
		background:url(gb_tips.png) no-repeat;
		height:$tipBoxHeight;
		color:$tipTextColor;
	}
	.jtip_left_icon {width:46px;}
	.jtip_ok  {background-position:-5px 0px;}
	.jtip_error{background-position:-5px -108px;}
	.jtip_warn {background-position:-5px -54px;}
	.jtip_loading {background-position:-5px -54px; width:10px;}
	.jtip_load_img {
		background:url(gb_tips.png) repeat-x -5px -161px;
		width:20px;
	}
	#jtip_loading_icon {
		display:inline-block;
		background:url(gb_tip_loading.gif) no-repeat center right;
		width:20px;
		height:$tipBoxHeight;
	}

	.jtip_content {
		background:url(gb_tips.png) repeat-x -5px -161px;
		line-height:$tipBoxHeight;
		font-size:$tipTextFontsize;
		color: $tipTextColor;
		padding:0px 10px;
	}

	.jtip_right {background-position:left top; width:5px;}
}

/* dialog.win styles */
$contentBgColor:#ffffff; //内容框背景色
$titleBgColor:#F8F8F8; //标题框背景色
$winBorderColor:#dddddd; //窗口边框颜色
$titleBorderColor:#eeeeee; //标题下边框颜色
$titleFontsize:14px;
$titleHeight:40px;  //标题高度

/* pop window styles */
.dialog_win_box {
	z-index:$lockZIndex+1;
	position:absolute;
	display: none;
	zoom:1; overflow:hidden;

	.dialog_win_title_box {
		box-sizing: content-box;
		height: $titleHeight;
		line-height: $titleHeight;

		.dialog_win_title {
			text-align: left;
			height: $titleHeight;
			line-height: $titleHeight;
			cursor: default;

		}

		div {
			box-sizing: content-box;
			a {
				box-sizing: content-box;
			}
		}
	}
}
.dialog_win_box_bg {
	z-index:$lockZIndex+1;
	background-color:$bgColorBlack;
	position:absolute;
	display: none;
}
//default skin styles
.dialog_win_default {
	border:1px solid $winBorderColor;
	-webkit-background-clip: content;
	//box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	background-color: $contentBgColor;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;

	border: 1px solid #B2B2B2;
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,.2);

	.dialog_win_title_box {
		padding: 0 80px 0 10px;
		border-bottom: 1px solid $titleBorderColor;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background-color: $titleBgColor;
		border-radius: 2px 2px 0 0;
		position: relative;

		//line 1 title styles
		.dialog_win_title {
			color: $tipTextColor;
		}

		//标题栏按钮
		.dialog_win_button {
			position: absolute;
			height:40px;
			zoom:1; overflow:hidden;
			top:5px; right: 5px;

			a {
				float:left;
				background: url(bg-default.png) no-repeat;
				width:24px;
				height:20px;
				margin:5px 2px 0;
			}

			.dialog_win_max_button {
				background-position:-25px -36px;
				&:hover {background-position:-25px 3px;}
			}
			.dialog_win_reduce_button {
				background-position:-83px -36px;
				&:hover {background-position:-83px 3px;}
			}
			.dialog_win_close_button {
				background-position:-53px -36px;
				transition: none !important;
				&:hover {background-position:-53px 3px;}
			}
		}
	}

	//line 2 content
	.dialog_win_CBOX {

		zoom:1; overflow:hidden;
		padding: 10px;

		.dialog_win_icon {
			float:left;
			width:40px; height:50px;
			margin-right: 10px;
			background:url(dialog_confirm_icon.gif) no-repeat;
		}

		.dialog_win_icon_warn {background-position:left 7px;}
		.dialog_win_icon_ok {background-position:left -42px;}
		.dialog_win_icon_error {background-position:left -92px;}
		.dialog_win_icon_help {background-position:left -142px;}
		.dialog_win_icon_sad {background-position:left -192px;}
		.dialog_win_icon_smile {background-position:left -245px;}
		.dialog_win_icon_laugh {background-position:left -300px;}
		.dialog_win_icon_loader {background:url(loader.gif) no-repeat center center;}

		$iconWidth:50px;
		.dialog_win_icon_ico0 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat 0 0;
		}
		.dialog_win_icon_ico1 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -52px 0;
		}
		.dialog_win_icon_ico2 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -105px 0;
		}
		.dialog_win_icon_ico3 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -156px 0;
		}
		.dialog_win_icon_ico4 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -210px 0;
		}
		.dialog_win_icon_ico5 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -261px 0;
		}
		.dialog_win_icon_ico6 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -314px 0;
		}
		.dialog_win_icon_ico7 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -367px 0;
		}
		.dialog_win_icon_ico8 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -419px 0;
		}
		.dialog_win_icon_ico9 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -471px 0;
		}
		.dialog_win_icon_ico10 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -524px 0;
		}
		.dialog_win_icon_ico11 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -576px 0;
		}
		.dialog_win_icon_ico12 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -629px 0;
		}
		.dialog_win_icon_ico13 {
			width:$iconWidth;
			background: url("dialog_confirm_icon_espresso.png") no-repeat -681px 0;
		}

		.dialog_win_content {
			text-align:left;
			line-height:150%;
			float:left;
			font-size: $tipTextFontsize;
		}
	}

	//line 3 button
	.dialog_win_button_container {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: right;
		background:$contentBgColor;

		.dialog_win_buttonInner {
			border-top: 1px solid #e5e5e5;
			margin:auto;
			text-align:right;
			padding: 10px;

			.btn {
				font-size: 14px;
				margin: 5px;
				border-color: #4898d5;
				background-color: #2e8ded;
				color: #fff;
				display: inline-block;
				padding: 8px 15px;
				border-radius: 2px;
				cursor: pointer;
				text-decoration: none;

				&:hover {
					filter: alpha(opacity=80);
					-webkit-box-shadow: none;
					box-shadow: none;
					opacity: .8;
				}
			}

		}
	}

}